<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>软件下载</title>
</head>

<body>
    <nav class="my_nav" id="top">
        <div class="container navbar-expand-lg navbar-light">
            <button class="navbar-toggler my_toggler" type="button" data-toggle="collapse" data-target="#dynamic_div">
                <img src="img/more_.png" style="width: 30px;" alt="">
            </button>
            <div class="row">
                <a href="#" class="col-lg-2 col-md-12 col-sm-12">
                    <img src="img/0_logo.png" alt="">
                </a>
                <div class="col-lg-8 col-md-12">
                    <div class="collapse navbar-collapse" id="dynamic_div">
                        <ul class="dynamic_ul">
                            <li><a target="_blank" href="index.html">首页</a></li>
                            <li><a target="_blank" href="product.html">产品介绍</a></li>
                            <li><a target="_blank" href="successful_case.html">成功案例</a></li>
                            <li><a target="_blank" href="field_newspaper.html">行业资讯</a></li>
                            <li><a target="_blank" href="product_price.html">收费标准</a></li>
                            <li><a target="_blank" href="download_page.html">软件下载</a></li>
                            <li><a target="_blank" href="about_us.html">关于我们</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-2">
                    <div class="register_box">
                        <span id="loginBtn">登录/</span>
                        <span id="registerBtn">注册</span>
                    </div>
                </div>
            </div>
        </div>
    </nav>
    <header class="header_banner">
        <div class="container">
            <h1 class="head_h1">更好的明天，从这里起航</h1>
        </div>
    </header>
    <div class="bg_container">
        <div class="container">
            <div class="row page_path">
                <a href="#" class="visited_path">当前位置：</a>
                <a href="#" class="visited_path">首页></a>
                <a href="#" class="current_path">软件下载</a>
            </div>
        </div>
        <section class="page_section">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 col-md-12">
                        <h3 class="download_title">超快排流量提升助手下载</h3>
                        <h4 class="download_subtitle">仅windows系统下载</h4>
                        <ul class="row">
                            <li class="col-lg-3 col-md-12 download_way">
                                <img src="img/way_1.png" alt="">
                                <button class="page_btn">本地下载</button>
                                <small>点击直接下载</small>
                            </li>
                            <li class="col-lg-3 offset-lg-1 col-md-12 download_way">
                                <img src="img/way_2.png" alt="">
                                <button class="page_btn">网盘下载</button>
                                <small>点击直接下载</small>
                            </li>
                            <li class="col-lg-3 offset-lg-1 col-md-12 download_way">
                                <img src="img/way_3.png" alt="">
                                <button class="page_btn">微云下载</button>
                                <small>提取码：kxqh </small>
                            </li>
                        </ul>
                    </div>
                    <div class="col-lg-6 col-md-12 right_side">
                        <!-- <img src="img/download_right_side.png" alt=""> -->
                    </div>
                </div>
            </div>
        </section>
    </div>
    <footer>
        <div class="container">
            <div class="row">
                <div class="col-lg-8 ">
                    <ul class="space_between such_link">
                        <li><img src="img/8_ic_1.png" alt=""></li>
                        <li><a href="#">友情链接</a></li>
                        <li><a href="#">我的网站</a></li>
                        <li><a href="#">我的网站</a></li>
                        <li><a href="#">我的网站</a></li>
                        <li><a href="#">我的网站</a></li>
                        <li><a href="#">我的网站</a></li>
                    </ul>
                    <ul class="space_between nav_link bottom_nav" 
                        style="margin-bottom: 50px;margin-top: 50px;">
                        <li><img src="img/0_logo.png" alt=""></li>
                        <li><a href="#">首页</a></li>
                        <li><a href="#">产品介绍</a></li>
                        <li><a href="#">成功案例</a></li>
                        <li><a href="#">收费标准</a></li>
                        <li><a href="#">软件下载</a></li>
                        <li><a href="#">关于我们</a></li>
                    </ul>
                </div>
                <div class="col-lg-2 offset-lg-1 bottom_effect">
                    <img src="img/8_qrcode.png" class=" qr_code_img" alt="">
                </div> 
            </div>
            <div class="row">
                <p class="copyright_info nav_link">
                    桂公网安备 xx000000号
                    广西简创网络技术有限公司 桂ICP备xx000号
                </p>
            </div>
        </div>
    </footer>


    <!-- 新 Bootstrap4 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
    <!-- bootstrap.bundle.min.js 用于弹窗、提示、下拉菜单，包含了 popper.min.js -->
    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
    <!-- 最新的 Bootstrap4 核心 JavaScript 文件 -->
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="css/download_page.css">
    <script>
        $(function(){
            $(window).scroll(function(){
            current=$(window).scrollTop()
            bannerHeight=$('.header_banner').height()
            if(current<bannerHeight){
                $('.my_nav').css('background','none')
            }else{
                $('.my_nav').css('backgroundColor','#468EFF')
            }
            })
        })
    </script>
</body>

</html>